export default function BasicItem ({ title, children }) {
    return (
        <div className="border border-gray-300 border-solid p-2 rounded-md h-full">
            <div className="bg-gray-200 translate-y-[-1.5rem] rounded-lg w-fit">
                <span className="text-xs px-2 align-[2px]">
                    {title ?? '--'}
                </span>
            </div>
            <div>
                {children}
            </div>
        </div>
    )
}